@import '../global.less';

.el-pagination {
  font-size: 12px;
  padding: 20px;
  color: @bread-link-color;
  text-align: right;
  white-space: nowrap;

  .el-select {
    display: inline-block;
    width: 95px;
    line-height: 32px;
  }

  .el-input__inner {
    font-size: 12px;
  }

  button {
    padding: 6px 9px;
    margin: 0 8px 0 0;
    color: @font-color;
    background-color: #fff;
    border-color: @border-color;

    &.disabled {
      color: @bread-separator-color;
      cursor: not-allowed;
    }

    .el-icon {
      font-size: 12px;
    }

  }
}

.el-pagination__total {
  margin: 0 8px 0 0;
  vertical-align: middle;
}

.el-pagination__sizes {
  margin: 0 8px 0 0;
}

.el-pager {
  display: inline-block;

  li {
    display: inline-block;
    padding: 6px 12px;
    margin: 0 8px 0 0;
    line-height: 18px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid @border-color;
    border-radius: @radius;
  }

  .active {
    color: #fff;
    background-color: @base-color;
    border-color: @base-color;
  }

  .el-icon-d-arrow-left {
    color: @base-color;
  }

  .el-icon-d-arrow-right {
    color: @base-color;
  }
}

.el-pagination__jump {
  display: inline-block;
}

.el-pagination__editor {
  margin: 0 8px;

  &.el-input {
    width: 50px;
  }

  .el-input__inner {
    padding: 0;
    text-align: center;
  }
}
